<?php if(!defined('HDPHP_PATH'))exit;C('SHOW_NOTICE',FALSE);?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>分类管理</title>
    <link rel="stylesheet" type="text/css" href="http://127.0.0.1/my/wasai/Static/hdjs/hdjs.css">
    <!--载入uploadify相关文件-->
	<script type="text/javascript" src="http://127.0.0.1/my/wasai/Static/uploadify/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="http://127.0.0.1/my/wasai/Static/uploadify/jquery.uploadify.min.js"></script>
	<link href="http://127.0.0.1/my/wasai/Static/uploadify/uploadify.css" type="text/css" rel="stylesheet"></link>
	<style type="text/css">
		ul,li{
			list-style: none;
		}
	</style>
</head>
<body>
<div class="wrap">
    <div class="hd-title-header">添加分类</div>
    <form action="" method="post" class="form-inline hd-form">
        <table class="hd-table hd-table-list">
            <tr>
                <th class="w100">分类名称</th>
                <td  class="w100">
                    <input type="text" name="cname" class="w200"/> 
                </td>
                <td>分类名称长度 1 到 20 位</td>
            </tr>
            
            <tr>
                <th class="w100">所属分类</th>
                <td>
                    <select name="pid" class="w200">
                        <option value="0">顶级分类</option>
                    </select>
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">顶级分类视图</th>
                <td>
                <input type="file" name='img' id='pic'/>
				<span>类型: *.jpg,*.png 大小: 2000KB 数量: 10</span>
	            <script type="text/javascript">
	                $(function() {
	                    $('#pic').uploadify({
	                        'formData'     : {//POST数据
	                            '<?php echo session_name();?>' : '<?php echo session_id();?>',
	                        },
	                        'fileTypeDesc' : '上传文件',//上传描述
	                        'fileTypeExts' : '*.jpg;*.png',
	                        'swf'      : 'http://127.0.0.1/my/wasai/Static/uploadify/uploadify.swf',
	                        'uploader' : '<?php echo U("upload");?>',
	                        'buttonText':'选择文件',
	                        'fileSizeLimit' : '2000KB',
	                        'uploadLimit' : 1000,//上传文件数
	                        'width':65,
	                        'height':25,
	                        'successTimeout':10,//等待服务器响应时间
	                        'removeTimeout' : 0.2,//成功显示时间
	                        'onUploadSuccess' : function(file, data, response) {
	                            data=$.parseJSON(data);
	                            var imageUrl = data.image?data.url:'http://127.0.0.1/my/wasai/Static/image/default.png';
	                            var li="<li path='"+data.path+"' url='"+data.url+"'><img src='"+imageUrl+"' class='hd-w80 hd-h70'/><a href='javascript:;' class='del-img'>X</a>";
	                            li += '<input type="hidden" name="img" value="'+data.path+'"/>';
	                           
	                            $("#img-list").prepend(li);
	                        }
	                    });
	                });
	            </script>
				</td>
					<td id='img-list'>
						
					</td>
                
                <td></td>
            </tr>
            <tr>
                <th class="w100">选择类型</th>
                <td>
                    <select name="tid" class="w200">
                        <option value="0">--请选择--</option>
                        <?php foreach ($type as $k=>$v){?>
                        	<option value="<?php echo $v['tid'];?>"><?php echo $v['typecol'];?></option>
                        <?php }?>
                    </select>
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">分类排序</th>
                <td>
                    <input type="text" name="sort" class="w200" value="0"/>
                </td>
                <td>请填写1到65535的排序数字 </td>
            </tr>
                 
        </table>
        <script type="text/javascript">
				//点击x删除图片
				$('.del-img').live('click',function(){
					var liObj = $(this).parents('li');
					//找到父级li里面的地址
					var path = liObj.attr('path');
					//发异步到服务器删除
					$.ajax({
						type:"post",
						url:"<?php echo U('delImg');?>",
						data:{path:path},
						success:function(data){
							//移除图片
							liObj.remove();
						}
					});
				})
			</script>
        <div class="position-bottom">
            <input type="submit" class="hd-btn hd-btn-success" value="添加"/>
        </div>
    </form>
</div>
</body>
</html>